<!DOCTYPE html>
<!-- 
Template Name: Metronic - Responsive Admin Dashboard Template build with Twitter Bootstrap 3.1.1
Version: 2.0.2
Author: KeenThemes
Website: http://www.keenthemes.com/
Contact: support@keenthemes.com
Purchase: http://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469?ref=keenthemes
License: You must have a valid license purchased only from themeforest(the above link) in order to legally use the theme for your project.
-->
<!--[if IE 8]>
<html lang="en" class="ie8 no-js">
    <![endif]-->
    <!--[if IE 9]>
    <html lang="en" class="ie9 no-js">
        <![endif]-->
        <!--[if !IE]>
        <!-->
        <!--<![endif]-->
        <!-- BEGIN HEAD -->
<link rel="stylesheet" href="./assets/css/site.css"/>

<style type="text/css">
.dzst-qk li{
    float: left;
}
.dzst-qk .img-dzst{
    padding-top: 10px; padding-left: 9%
}
.dzst-qk table{
    margin-left: 30px
}
select{
    border: 1px solid #e5e5e5;
    width: 20px;
    padding:4px 0 5px;
}
.select-box{
    width: 33%;
    display: inline-block;
    padding-left: 10px;
}
.time-box{
    width: 33%;
    display: inline-block;
}
.select-box .select{
    width: 70%;
}   

.time-box input{
    width: 47%;
}
.time-box>input,.time-box>span{
    display: inline;
}
.select-box2{
    width: 33%;
    display: inline-block;
}
.btn.btn-primary{
    padding-right: 10px;
}
.right.planDataChange{
    background: #fff;
}
.wraping{
    padding-top: 0;
    padding-left: 15px;
}
.page-content{
  padding-left: 15px;
  padding-right: 15px;
}
.detail_content   .title{padding-left:30px; color:#029ece; font-size:20px;height:70px; line-height:70px;border-bottom: 1px solid #e1e8ee;}

.detail_info .detail_content .info_data .info .content{
    padding-bottom: 10px;
}
.detail_info .detail_content .info_data .data{
    /*padding-bottom: 18px;*/
    padding-bottom: 58px;
}
..detail_content .title{
    background: #fff;
    margin-top:1.2%; 
}
.charDataChange{
    margin-bottom: 1.2%; 
}
.table_btn_box{
    float: left;
    margin-top: 8px;
}
.detail_info .detail_content .currentInfo{
    background: #fff;
   /* margin-bottom: 1.2%;*/
}
#detail_lr{
    padding: 0;
   
}
.border{
    width: 1.0%;
    height: 400px;
    background: #F1F4F7;
    position: absolute;
    left: 57%;
    z-index: 999;
    border: 0;
}
.dzst-qk table tbody tr td{
    width: 130px;
    padding: 0;
    
}
.bg-dzst{
    background: #fff;
    width: 100%;
    height: 400px;
}
   
.modal-content .form-group{
    margin-bottom:0;
     margin-top:10px; 
}
.modal-content .form-group .row{
    height: 79px;
    margin-top: 0px;
}

.modal-content .modal-footer{
    padding-top: 0px;
    padding-bottom: 11px;
    margin-top:0; 
}
.modal-content .dataTables_wrapper .dataTables_paginate{
    padding-bottom: 0px;
    padding-top: 10px;
}
.modal-content .dataTables_info{
margin-top: 0;
}
.dzst-qk .chargingPic{
    border: 0;
}
/*#detail_lr{
    margin:0 0 0 5%;
}*/
.dzst-qk li{
    padding-left: 60px;
}
</style>

        <!-- BEGIN BODY -->
<body class="page-header-fixed">
        <div class="site_content" id="tab_div">
            <!--<div class="tab_box">
            -->
            <div class="content_box">
                <div class="tabbable tabbable-custom tabbable-full-width">
                    <div class="detail_info">
                        <div class="detail_content">
                        <charging-data charger-id="chargerId"></charging-data>
                        
                        <common-charge-detail 
                            common-charge-detail='commonChargeDetail' 
                            charger-id="chargerId" 
                            oper-mechant-list="operMechantList" 
                            merchant-list="merchantList">
                        </common-charge-detail>

                        <div class="draw_img">
                            <charge-summary charger-id="chargerId"></charge-summary>
                            <reserve-summary charger-id="chargerId"></reserve-summary>
                        </div>
                        <div class="cb"></div>
                        <charge-error-Data charger-id="chargerId"></charge-error-Data>
                    </div>
                </div>
            </div>
        </div>
    </div>
    
</body>
    <!-- <script type="text/javascript" src="assets/scripts/boss.js"></script>
-->
<!-- END BODY -->
</html>